﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainFrm.aspx.cs" Inherits="WebApp.MainFrm" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.3.2/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.3.2/themes/icon.css">

    <script type="text/javascript" src="js/common.js"></script>

    <script type="text/javascript" src="js/jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>

    <script type="text/javascript" src="js/jquery-easyui-1.3.2/jquery.easyui.min.js"></script>

    <script type="text/javascript">
        $(function() {
            $('#tt').tabs({
                onLoad: function(panel) {
                    var plugin = panel.panel('options').title;
                    //dp.SyntaxHighlighter.ClipboardSwf = '/SyntaxHighlighter/Scripts/clipboard.swf';
                    //dp.SyntaxHighlighter.HighlightAll('code-' + plugin);
                }
            });
        });
        function open1(plugin) {
            if ($('#tt').tabs('exists', plugin)) {
                $('#tt').tabs('select', plugin);
            } else {
                $('#tt').tabs('add', {
                    title: plugin,
                    href: plugin + '.aspx',
                    closable: true,
                    extractor: function(data) {
                        var tmp = $('<div></div>').html(data);
                        data = tmp.find('#content').html();
                        tmp.remove();
                        return data;
                    }
                });
            }
        }

    </script>

</head>
<body class="easyui-layout" style="text-align: left">
    <div region="north" border="false" style="background: #666; text-align: center">
        <div id="header-inner">
            <table cellpadding="0" cellspacing="0" style="width: 100%;">
                <tr>
                    <td rowspan="2" style="width: 20px;">
                    </td>
                    <td style="height: 52px;">
                        <div style="color: #fff; font-size: 22px; font-weight: bold;">
                            <a href="/index.php" style="color: #fff; font-size: 22px; font-weight: bold; text-decoration: none">
                                jQuery EasyUI</a>
                        </div>
                        <div style="color: #fff">
                            <a href="/index.php" style="color: #fff; text-decoration: none">easyui help you build
                                your web page easily!</a>
                        </div>
                    </td>
                    <td style="padding-right: 5px; text-align: right; vertical-align: bottom;">
                        <div id="topmenu">
                            <a href="/index.php">Home</a> <a href="/demo/main/index.php">Demo</a> <a href="/tutorial/index.php">
                                Tutorial</a> <a href="/documentation/index.php">Documentation</a> <a href="/download/index.php">
                                    Download</a> <a href="/extension/index.php">Extension</a> <a href="/contact.php">Contact</a>
                            <a href="/forum/index.php">Forum</a>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div region="west" border="false" split="true" title="Plugins" style="width: 250px;
        padding: 5px;">
        <div class="easyui-accordion" style="width: 230px; height: auto;">
            <div title="About" data-options="iconCls:'icon-ok'" style="overflow: auto; padding: 10px;">
                <h3 style="color: #0099FF;">
                    Accordion for jQuery</h3>
                <p>
                    Accordion is a part of easyui framework for jQuery. It lets you define your accordion
                    component on web page more easily.</p>
            </div>
            <div title="TreeMenu" data-options="iconCls:'icon-search'" style="padding: 10px;">
                <ul class="easyui-tree">
                    <li><span><a href="#" onclick="open1('OrderFrm')">NewTab</a></span> </li>
                </ul>
            </div>
        </div>
    </div>
    <div region="center" border="false">
        <div id="tt" class="easyui-tabs" fit="true" border="false" plain="true">
            <div title="Welcome" href="orderfrm.aspx">
            </div>
        </div>
    </div>
</body>
</html>
